<template class="h">
  <el-menu
      class="sidebar"
      :default-active="activeIndex"
      @select="handleSelect"
      router
      background-color="#fffdf0"
      text-color="#B8C2CC"
      active-text-color="#409EFF"
  >

    <el-menu-item index="/filelist" style="text-align: center; justify-content: center ;color: #181818">
      <el-icon><Document /></el-icon>
      <span  >图片管理</span>
    </el-menu-item>

  </el-menu>
</template>

<script>
import {Document} from "@element-plus/icons-vue";

export default {
  name: "Sidebar",
  components: {Document},
  data() {
    return {
      activeIndex: "/dashboard"
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      this.activeIndex = key;
    }
  }
};
</script>

<style scoped>
.h {
  height: 100%;
}
.sidebar {
  width: 252px;
  height: 100vh;
  border: 0;
}
</style>
